.scroll-container {
  display: inline-block;
  position: relative;
  margin: 10px;
  overflow: hidden;
}

.scroll-content {
  color: #EC8B5E;
  font-weight: bold;
  font-size: 38px;
  background: #151945;
  line-height: 80px;
  letter-spacing: 10px;
  width: 600px;
  height: 400px;
  overflow: auto;
}

/*Chrome 和 Safari隐藏滚动条*/
.scroll-content::-webkit-scrollbar {
  width: 0 !important
}

/*IE 10+隐藏滚动条*/
.scroll-content {
  -ms-overflow-style: none;
}

.scrollbar {
  position: absolute;
}

.scroll-y {
  width: 12px;
  height: 100%;
  top: 0;
  right: 0;
}

.scroll-x {
  width: 100%;
  height: 12px;
  bottom: 0;
  left: 0;
}

.scroll-disabled {
  display: none;
}

.scroll-slider {
  position: absolute;
  background: #EC8B5E;
  border-radius: 50px;
  transition: opacity 1.4s;
}

.scroll-y > .scroll-slider {
  top: 0;
  right: 0;
  width: 10px;
  height: 75px;
}

.scroll-x > .scroll-slider {
  bottom: 0;
  left: 0;
  width: 75px;
  height: 10px;
}